@charset "utf-8";

/* ===================================================================
	theme「クール」
=================================================================== */


/* ----------------------------------------------------
	テキストスタイル設定
---------------------------------------------------- */
body { color:#1B1B1B; }
a { color:#1B1B1B; }
a:hover { color:blue; }


/* ----------------------------------------------------
	サイト背景
---------------------------------------------------- */
#container { background:#FFF; }


/* ----------------------------------------------------
	ヘッダー
---------------------------------------------------- */

/* ヘッダー背景 */
#header { background:#FFF; }

/* グローバルナビゲーション */
#header .gnv { background:url(../../img/bg_gnv.gif) no-repeat center top; }
#header .gnv ul li.home a { background:url(../../img/icn_home.gif) no-repeat left center; }
#header .gnv ul li.logout a { background:url(../../img/nv_logout.gif) no-repeat 0 0; }
#header .gnv ul li.cart a { background:url(../../img/nv_cart.gif) no-repeat 0 0; }


/* ----------------------------------------------------
	検索
---------------------------------------------------- */
#search { background:url(../../img/bg_search.gif) no-repeat center top; }
#search p label {
	background:url(../../img/icn_search.gif) no-repeat left center;
	color:#1B1B1B;
}
#search p span.btn a { background:url(../../img/btn_search.gif) no-repeat 0 0; }


/* ----------------------------------------------------
	フッター
---------------------------------------------------- */
#footer ul {
	background:url(../../img/bg_footer.gif) no-repeat center top;
}
#footer p.copyright {
	background:#FFF;
	color:#1B1B1B;
}


/* ----------------------------------------------------
	汎用パーツ
---------------------------------------------------- */

/* 配送種別アイコン */
span.deliv01 { background:url(../../img/icn_deliv01.gif) no-repeat left top; }
span.deliv02 { background:url(../../img/icn_deliv02.gif) no-repeat left top; }

/* テーブル１ */
table.table01 { border-top:1px solid #000; width:80%;}
table.table01 th {
	background:#E6E6E6;
	border-right:1px solid #CCC;
	border-bottom:1px solid #000;
}
table.table01 td {
	background:#FFF;
	border-bottom:1px solid #000;
}
table.table01 td.borderRight { border-right:1px solid #CCC; }

/* テーブル２ */
table.table02 th {
	background:url(../../img/bg_table01.gif) repeat-x left bottom #585755;
	color:#FFF;
	border-right:1px solid #FFF;
}
table.table02 td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #333;
	background:#FFF;
}

/* テーブル３ */
table.table03 th {
	background:#E6E6E6;
	border-right:1px solid #CCC;
	border-bottom:1px solid #000;
}
table.table03 td {
	background:#FFF;
	border-right:1px solid #CCC;
	border-bottom:1px solid #333;
}

/* フォームセレクト */
.jqTransformSelectWrapper { border:1px solid #CCC; }
.jqTransformSelectWrapper a.jqTransformSelectOpen { background:url(../../img/btn_select.gif) no-repeat 0 0; }
.jqTransformSelectWrapper ul {
	background-color:#FFF;
	border:solid 1px #CCC;
}
.jqTransformSelectWrapper ul a { background-color:#FFF; }
.jqTransformSelectWrapper ul a.selected { background:#EDEDED; }
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#AAA;
	color:#fff;
}
.jqTransformCheckbox { background:url(../../img/btn_check.gif) no-repeat center top; }
.jqTransformRadio { background:url(../../img/btn_radio.gif) no-repeat center top; }
/* ･ｫｩ`･ﾈ･皈､･ﾜ･ｿ･・*/
.btnN { background:url(../../img/bg_btn_n01.gif) no-repeat left top; }
.btnN span { background:url(../../img/bg_btn_n02.gif) repeat-x left top; }
.btnN span a {background:url(../../img/bg_btn_n03.gif) no-repeat right top;color:#FFF;text-decoration:none;}
.btnN span a:hover { color:#FFF; }


/* カートメインボタン */
.btnM { background:url(../../img/bg_btn_m01.gif) no-repeat left top; }
.btnM span { background:url(../../img/bg_btn_m02.gif) repeat-x left top; }
.btnM span a {
	background:url(../../img/bg_btn_m03.gif) no-repeat right top;
	color:#FFF;
	text-decoration:none;
}
.btnM span a:hover { color:#FFF; }





/* カートサブボタン */
.btnS { background:url(../../img/bg_btn_s01.gif) no-repeat left top; }
.btnS span { background:url(../../img/bg_btn_s02.gif) repeat-x left top; }
.btnS span a {
	background:url(../img/bg_btn_s03.gif) no-repeat right top;
	color:#333;
	text-decoration:none;
}
.btnS span a:hover { color:#333; }

/* カート補助ボタン */
.btnA { background:url(../img/bg_btn_a01.gif) no-repeat left top; }
.btnA span { background:url(../img/bg_btn_a02.gif) repeat-x left top; }
.btnA span a {
	background:url(../img/bg_btn_a03.gif) no-repeat right top;
	color:#000;
	text-decoration:none;
}
.btnA span a:hover { color:#000; }

/* ホバーウィンドウ */
.light_square .pp_left ,
.light_square .pp_middle,
.light_square .pp_right,
.light_square .pp_content { background: #FFF; }	
.pp_content_container h3 {
	border:1px solid #9B9B9B;
	background:#C5C0BC;
	color:#1B1B1B;
}


/* ----------------------------------------------------
	カテゴリ一覧１
---------------------------------------------------- */
#cnv01 {
	border:1px solid #CCC;
	background:#FFF;
	color:#1B1B1B;
}
#cnv01 ul li { background:#C5C0BC; }
#cnv01 ul li span { border-top:1px solid #CCC; }
#cnv01 ul li ul li { background:#F3F2F0; }
#cnv01 ul li ul li ul li { background:#FFF; }
#cnv01 ul li.expandable .hitarea { background:url(../img/icn_arrow02.gif) no-repeat 0 0; }
#cnv01 ul li.collapsable .hitarea { background:url(../img/icn_arrow02.gif) no-repeat 0 -10px; }
#cnv01 ul li ul li.expandable .hitarea { background:url(../img/icn_arrow03.gif) no-repeat 0 0; }
#cnv01 ul li ul li.collapsable .hitarea { background:url(../img/icn_arrow03.gif) no-repeat 0 -10px; }


/* ----------------------------------------------------
	カレンダー
---------------------------------------------------- */
#calendar {
	border:1px solid #CCC;
	background:#FFF;
	color:#1B1B1B;
}
#calendar h2 {
	background:url(../img/icn_h_calendar.gif) no-repeat 6px center #5C5B57;
	color:#FFF;
}

/* 表示月 ナビゲーション */
#calendar ul.nv li { color:#000; }
#calendar ul.nv li.prev a { background:url(../img/icn_arrow04.gif) no-repeat left top; }
#calendar ul.nv li.next a { background:url(../img/icn_arrow05.gif) no-repeat left top; }

/* タブナビゲーション */
#calendar ul.tab li {
	border:1px solid #CBCBCB;
	border-bottom:1px solid #CBCBCB;
	background:#F3F2F0;
}
#calendar ul.tab li a { color:#999997; }
#calendar ul.tab li.active {
	background:#FFF;
	border-bottom:1px solid #FFF;
}
#calendar ul.tab li.active a { color:#1B1B1B; }

/* タブコンテンツ */
#calendar .contents {
	border-top:1px solid #CCC;
	background:#FFF;
}

/* カレンダー */
#calendar table th.holiday,
#calendar table td.holiday { color:#FD0100; }
#calendar table td.focus span { background:#BEBAB1; }

/* ----------------------------------------------------
	メルマガ登録
---------------------------------------------------- */
#mailMagazine {
	
	background:#FFF;
}


/* ----------------------------------------------------
	QRコード
---------------------------------------------------- */
#qrCode {
	
	background:#FFF;
	color:#1B1B1B;
}
#qrCode img {
	border:1px solid #CCC;
}

/* ----------------------------------------------------
	お知らせ
---------------------------------------------------- */
#mainBody {
	zoom:1;
	FONT-SIZE: 14px;
	width:760px;
	margin:0 auto auto;
	padding: 30px;
	border:1px solid #CCC;
}


.newH2 {
	border:1px solid #CCC;
	font-size:105%;
	padding:8px 0 8px 5px;
	line-height:1.1;
	margin:0 0 10px 263px;
    width:190px;
	height: 15px;
	border-bottom:1px solid #CCC;
	background:url(../../img/icn_h_information.gif) no-repeat 5px left #F3F2F0;
	color:#1B1B1B;
}
#information {
	border:1px solid #CCC;
	background:#FFF;
}
#information h2 {
	border-bottom:1px solid #CCC;
	background:url(../../img/icn_h_information.gif) no-repeat 5px center #F3F2F0;
	color:#1B1B1B;
}
#information h2 a.rss { background:url(../img/icn_rss.gif) no-repeat left top; }
#information ul li { background:url(../img/bg_border01.gif) repeat-x left bottom; }
#information ul li span.date { color:#999; }

/* スクロールバー */



/* ----------------------------------------------------
	キャンペーン一覧１
---------------------------------------------------- */
#campaignList01 {
	border:1px solid #CCC;
	background:#FFF;
}
#campaignList01 h2 {
	border-bottom:1px solid #CCC;
	background:url(../img/icn_h_campaignList01.gif) no-repeat 5px center #F3F2F0;
	color:#1B1B1B;
}
#campaignList01 ul li p.photo {
	border:1px solid #FFF;
	background:#FFF;
}


/* ----------------------------------------------------
	キャンペーン一覧２
---------------------------------------------------- */
#campaignList02 h2 {
	border:1px solid #CCC;
	background:url(../img/icn_h_campaignList02.gif) no-repeat 5px center #F3F2F0;
	color:#1B1B1B;
}
#campaignList02 ul li p.photo {
	border:1px solid #FFF;
	background:#FFF;
}

/* カルーセル */
#campaignList02 .carousel {
	background:#FFF;
	border:1px solid #CCC;
}
#campaignList02 p.btnPrev {
	border:1px solid #5C5B57;
	background:url(../img/btn_arrow01.gif) no-repeat center center #5C5B57;
}
#campaignList02 p.btnNext {
	border:1px solid #5C5B57;
	background:url(../img/btn_arrow02.gif) no-repeat center center #5C5B57;
}


/* ----------------------------------------------------
	キャンペーン一覧３
---------------------------------------------------- */
#campaignList03 {
	background:#E6E5E0;
	border:1px solid #E6E5E0;
}
#campaignList03 h2 {
	border-bottom:1px solid #CCC;
	background:url(../img/icn_h_campaignList03.gif) no-repeat 5px center;
	color:#1B1B1B;
}
#campaignList03 ul li { background:url(../img/bg_border02.gif) repeat-x left top; }
#campaignList03 ul li p.photo {
	border:1px solid #CCC;
	background:#FFF;
}


/* ----------------------------------------------------
	キャンペーン一覧４
---------------------------------------------------- */
#campaignList04 h2 { background:url(../img/icn_h_campaignList04.gif) no-repeat left center; }
#campaignList04 ul li p.photo {
	border:1px solid #FFF;
	background:#FFF;
}

/* カルーセル */
#campaignList04 .carousel {
	border:1px solid #CCC;
	background:#FFF;
}
#campaignList04 p.btnPrev {
	border:1px solid #5C5B57;
	background:url(../img/btn_arrow01.gif) no-repeat center center #5C5B57;
}
#campaignList04 p.btnNext {
	border:1px solid #5C5B57;
	background:url(../img/btn_arrow02.gif) no-repeat center center #5C5B57;
}


/* ----------------------------------------------------
	キャンペーン一覧５
---------------------------------------------------- */
#campaignList05 {
	border:1px solid #CCC;
	border-bottom:none;
	background:#FFF;
	color:#1B1B1B;
}
#campaignList05 ul li {
	background:#5C5B57;
	color:#FFF;
}
#campaignList05 ul li span { border-top:1px solid #CCC; }
#campaignList05 ul li ul li { background:#FFF; }
#campaignList05 ul li.expandable .hitarea { background:url(../img/icn_arrow01.gif) no-repeat 0 0; }
#campaignList05 ul li.collapsable .hitarea { background:url(../img/icn_arrow01.gif) no-repeat 0 -10px; }


/* ----------------------------------------------------
	twitter
---------------------------------------------------- */
#twitter { background:url(../img/bg_twitter01.gif) repeat-x left top; }
#twitter p { background:url(../img/bg_twitter02.gif) no-repeat left top; }
#twitter p a { background:url(../img/bg_twitter03.gif) no-repeat right top; }
#twitter p a span { background:url(../img/img_twitter.gif) no-repeat left top; }


/* ----------------------------------------------------
	ランキング１
---------------------------------------------------- */
#ranking01 {
	background:#E6E5E0;
	border:1px solid #E6E5E0;
}
#ranking01 h2 {
	border-bottom:1px solid #CCC;
	background:url(../img/icn_h_ranking01.gif) no-repeat 5px center;
	color:#1B1B1B;
}
#ranking01 p.link { background:url(../img/icn_arrow06.gif) no-repeat left center; }

/* タブナビゲーション */
#ranking01 ul.tab li {
	border:1px solid #CBCBCB;
	border-bottom:none;
	background:#F3F2F0;
}
#ranking01 ul.tab li a { color:#999997; }
#ranking01 ul.tab li.active {
	background:#C5C0BC;
	border:1px solid #CBCBCB;
	border-bottom:1px solid #C5C0BC;
}
#ranking01 ul.tab li.active a { color:#1B1B1B; }

/* タブコンテンツ */
#ranking01 div.contents {
	background:#C5C0BC;
	border:1px solid #CBCCCE;
}
#ranking01 .contents p.data { color:#1B1B1B; }
#ranking01 div.contents ul li { background:url(../img/bg_border03.gif) repeat-x left bottom; }
#ranking01 div.contents ul li p.photo {
	border:1px solid #CCC;
	background:#FFF;
}
#ranking01 div.contents ul li strong { color:#1B1B1B; }
#ranking01 div.contents ul li strong.no01 { color:#F2DA18; }
#ranking01 div.contents ul li strong.no02 { color:#7D7C7A; }
#ranking01 div.contents ul li strong.no03 { color:#FD688E; }


/* ----------------------------------------------------
	店長ブログ
---------------------------------------------------- */
#blog {
	background:#E6E5E0;
	border:1px solid #E6E5E0;
}
#blog h2 {
	border-bottom:1px solid #CCC;
	background:url(../img/icn_h_blog.gif) no-repeat 5px center;
	color:#1B1B1B;
}
#blog p.photo { border:1px solid #E6E5E0; }


/* ----------------------------------------------------
	商品一覧 共通
---------------------------------------------------- */
.itemList h2 {
	border:1px solid #CCC;
	background:url(../img/icn_h_itemlist01.gif) no-repeat 5px center #F3F2F0;
	color:#1B1B1B;
}
.itemList p.btnCart { border-bottom:1px solid #000; }
.itemList .pageControl ul.pager li.prev a { background-image:url(../img/btn_arrow03.gif); }
.itemList .pageControl ul.pager li.prev span { background-image:url(../img/btn_arrow04.gif); }
.itemList .pageControl ul.pager li.next a { background-image:url(../img/btn_arrow05.gif); }
.itemList .pageControl ul.pager li.next span { background-image:url(../img/btn_arrow06.gif); }
.itemList ul.itemList li p.photo {
	border:1px solid #FFF;
	background:#FFF;
}
.itemList ul.itemList li .details { background:url(../img/img_arrow.gif) no-repeat left 85%; }
.itemList ul.itemList li .details ul { background:#000; }
.itemList ul.itemList li .details .detailsInner { background:#000; }
.itemList li .details .detailsInner p.name,
.itemList li .details .detailsInner p.price { color:#FFF; }


/* ----------------------------------------------------
	商品詳細 共通
---------------------------------------------------- */
.itemDetail .inner {
	background:url(../img/bg_border04.gif) repeat-y 395px 0px;
}
.itemDetail h2 {
	border:1px solid #CCC;
	background:url(../img/icn_h_itemdetail01.gif) no-repeat 5px center #F3F2F0;
	color:#1B1B1B;
}
.itemDetail .featureContents { border-bottom:1px solid #CCC; }
.itemDetail ul.ranking li.no01 strong { color:#C0AE02; }
.itemDetail ul.ranking li.no02 strong { color:#939393; }
.itemDetail ul.ranking li.no03 strong { color:#F38CA9; }
.itemDetail .mainPhoto { border-bottom:1px solid #CCC; }
.itemDetail p.photo {
	border:1px solid #FFF;
	background:#FFF;
}
.itemDetail .photoContents ul.photoMore li { background:#FFF; }
.itemDetail p.zoom a { background:url(../img/icn_zoom.gif) no-repeat left center; }
.itemDetail .photoContents ul li p.photo { border:1px solid #CCC; }
.itemDetail .box01,
.itemDetail .box02 { border-bottom:1px solid #CCC; }
.itemDetail .box02 p.limit a span { background:url(../img/btn_limit.gif) no-repeat left top; }
.itemDetail .box03 ul li.nv01 span { background:url(../img/icn_comment.gif) no-repeat left center; }
.itemDetail .box03 ul li.nv02 span { background:url(../img/icn_tweet.gif) no-repeat left center; }
.itemDetail .box03 ul li.nv03 span { background:url(../img/icn_contact.gif) no-repeat left center; }
.itemDetail .box03 ul li.nv04 span { background:url(../img/icn_mailto.gif) no-repeat left center; }
.itemDetail .box03 ul li.nv05 span { background:url(../img/icn_tomobile.gif) no-repeat left center; }
.itemDetail .box03 ul li.nv06 span { background:url(../img/icn_rearrival.gif) no-repeat left center; }
.itemDetail .photoContents dl.variation dd {
	border:1px solid #CCC;
	background:#FFF;
}


/* ----------------------------------------------------
	ランキング一覧
---------------------------------------------------- */

/* タブナビゲーション */
#rankingList ul.tab li {
	border:1px solid #CBCBCB;
	border-bottom:1px solid #CBCBCB;
	background:#F3F2F0;
}
#rankingList ul.tab li a { color:#999997; }
#rankingList ul.tab li.active {
	background:#FFF;
	border-bottom:1px solid #FFF;
}
#rankingList ul.tab li.active a { color:#1B1B1B; }

/* タブコンテンツ */
#rankingList .contents {
	border-top:1px solid #CCC;
	background:#FFF;
}
#rankingList p.prev a { background-image:url(../img/btn_arrow07.gif); }
#rankingList p.next a { background-image:url(../img/btn_arrow08.gif); }
#rankingList ol.top3 { background:#F3F2F0; }
#rankingList .rankingInfo02 { border-top:1px solid #000; }



/* ----------------------------------------------------
	購入フロー
---------------------------------------------------- */
.purchase h2 {
	border:1px solid #CCC;
	background:url(../img/icn_h_cart.gif) no-repeat 5px center #F3F2F0;
	color:#1B1B1B;
}
.purchase h3 {
	border:1px solid #9B9B9B;
	background:#C5C0BC;
	color:#1B1B1B;
}
.purchase em { color:#FD0100; }
.purchase .jqTransformSelectWrapper a.jqTransformSelectOpen { background:url(../img/btn_select_l.gif) no-repeat 0 0; }
.purchase a.sctble_display span { background:url(../img/btn_select_l.gif) no-repeat right 0; }

/* テーブル */
.purchase table td.number a.up { background:url(../img/btn_up.gif) no-repeat 0 0; }
.purchase table td.number a.down { background:url(../img/btn_down.gif) no-repeat 0 0; }
.purchase table td.totalPrice { background:#E6E6E6; }

/* ショップからのお知らせ */
.purchase .information {
	background:#F3F2F0;
	border:1px solid #F3F2F0;
}

/* ステップ */
.purchase p.step span.step01 { background:url(../img/img_step01.gif) no-repeat 0 0; }
.purchase p.step span.step02 { background:url(../img/img_step02.gif) no-repeat 0 0; }
.purchase p.step span.step03 { background:url(../img/img_step03.gif) no-repeat 0 0; }
.purchase p.step span.step04 { background:url(../img/img_step04.gif) no-repeat 0 0; }

/* キャンペーン一覧 */
.purchase .campaignList h3 {
	border:1px solid #CCC;
	background:#F3F2F0;
	color:#1B1B1B;
}
.purchase .campaignList ul li p.photo {
	border:1px solid #FFF;
	background:#FFF;
}

/* カルーセル */
.purchase .campaignList .carousel {
	background:#FFF;
	border:1px solid #CCC;
}
.purchase .campaignList p.btnPrev {
	border:1px solid #5C5B57;
	background:url(../img/btn_arrow01.gif) no-repeat center center #5C5B57;
}
.purchase .campaignList p.btnNext {
	border:1px solid #5C5B57;
	background:url(../img/btn_arrow02.gif) no-repeat center center #5C5B57;
}

/* リンク */
.purchase ul.link li { background:url(../img/icn_arrow06.gif) no-repeat left center; }

/* その他のお届け先 */
#confirm .deliv {
	border:1px solid #CCC;
	background:#FFF;
}

/* お支払い方法 */
#payment table.table01 h4 { background:#E6E6E6; }


/* ----------------------------------------------------
	会員仮登録
---------------------------------------------------- */
#regist h2 {
	border:1px solid #CCC;
	background:url(../img/icn_h_regist.gif) no-repeat 5px center #F3F2F0;
	color:#1B1B1B;
}
#regist h3 {
	border:1px solid #9B9B9B;
	background:#C5C0BC;
	color:#1B1B1B;
}
#regist em { color:#FD0100; }
#regist a.sctble_display span { background:url(../img/btn_select_l.gif) no-repeat right 0; }


/* ----------------------------------------------------
	マイページ
---------------------------------------------------- */
#mypage h2 {
	border:1px solid #CCC;
	background:url(../img/icn_h_regist.gif) no-repeat 5px center #F3F2F0;
	color:#1B1B1B;
}
#mypage h3 {
	border:1px solid #9B9B9B;
	background:#C5C0BC;
	color:#1B1B1B;
}

/* ショップからのお知らせ */
#mypage .information {
	border:1px solid #CCC;
	background:#FFF;
}
#mypage .information h3 {
	border-bottom:1px solid #CCC;
	background:#F3F2F0;
	color:#1B1B1B;
}
#mypage .information ul li { background:url(../img/bg_border01.gif) repeat-x left bottom; }
#mypage .information ul li span.date { color:#999; }

/* スクロールバー */
#mypage .information .jspTrack { background:#D6D6D6; }
#mypage .information .jspDrag { background: #878787; }

/* ポイント */
#mypage .point .myAccount {
	background:#E6E5E0;
	border:1px solid #CCC;
}
#mypage .point .myAccount h4 {
	background:#5C5B57;
	border-bottom:1px solid #CCC;
	color:#FFF;
}
#mypage .point .myAccount ul li { background:url(../img/icn_arrow06.gif) no-repeat left 4px; }

/* キャンペーン一覧 */
#mypage .campaignList h3 {
	border:1px solid #CCC;
	background:#F3F2F0;
	color:#1B1B1B;
}
#mypage .campaignList ul li p.photo {
	border:1px solid #FFF;
	background:#FFF;
}

/* カルーセル */
#mypage .campaignList .carousel {
	background:#FFF;
	border:1px solid #CCC;
}
#mypage .campaignList p.btnPrev {
	border:1px solid #5C5B57;
	background:url(../img/btn_arrow01.gif) no-repeat center center #5C5B57;
}
#mypage .campaignList p.btnNext {
	border:1px solid #5C5B57;
	background:url(../img/btn_arrow02.gif) no-repeat center center #5C5B57;
}

/* バナー */
#mypage ul.banner li { border:1px solid #CCC; }


/* japan no*/
.prev a { background-image:url(../img/btn_arrow03.gif); }
.prev span { background-image:url(../img/btn_arrow04.gif); }
.pager li.next a { background-image:url(../img/btn_arrow05.gif); }
.pager li.next span { background-image:url(../img/btn_arrow06.gif); }


.headerDiv{
	border-bottom: 1px solid #a4c8f5;
}
.titleDiv{
	font-size:14px; 
	font-weight:bold;
	text-align:center;
}
.dateDiv{
    text-align:right;
}